<template>
    <svg
        :class="['icon', name]"
        :width="width"
        :height="height"
        :style="{fill, ...style}"
        t="1725724046762"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="8779"
    >
        <path
            d="M656.280599 606.960747a100.49019 100.49019 0 0 1-71.348034-29.142155 40.502571 40.502571 0 1 1 57.279408-57.279408 20.098038 20.098038 0 0 0 28.137253 0l267.303905-267.303905a20.098038 20.098038 0 0 0 0-28.137253L798.976669 86.421563a20.098038 20.098038 0 0 0-28.137253 0L503.535511 352.720567a20.098038 20.098038 0 0 0 0 28.137253 40.502571 40.502571 0 1 1-57.279409 57.279408 100.49019 100.49019 0 0 1 0-141.691168L713.560008 29.142155a100.49019 100.49019 0 0 1 141.691168 0l139.681364 138.676462a100.49019 100.49019 0 0 1 0 141.691168L727.628634 576.81369a100.49019 100.49019 0 0 1-71.348035 30.147057zM239.246311 1023.995036a99.485288 99.485288 0 0 1-71.348035-29.142155L29.221814 856.176419a100.49019 100.49019 0 0 1 0-141.691168l267.303905-267.303906a100.49019 100.49019 0 0 1 141.691168 0 40.502571 40.502571 0 0 1-57.279408 57.279409 20.098038 20.098038 0 0 0-28.137253 0L86.501222 770.759757a20.098038 20.098038 0 0 0 0 28.137253l138.676462 138.676462a20.098038 20.098038 0 0 0 28.137254 0l267.303905-266.299003a20.098038 20.098038 0 0 0 0-28.137253 40.502571 40.502571 0 0 1 57.279408-57.279408 100.49019 100.49019 0 0 1 0 141.691167L310.594346 994.852881a99.485288 99.485288 0 0 1-71.348035 29.142155z"
            fill=""
            p-id="8780"
        ></path>
        <path
            d="M416.109045 643.137216a40.196076 40.196076 0 0 1-28.137253-68.333329l177.867636-178.872539a40.502571 40.502571 0 0 1 57.279409 57.279409L444.246299 631.078393a40.196076 40.196076 0 0 1-28.137254 12.058823z"
            fill=""
            p-id="8781"
        ></path>
    </svg>
</template>

<script setup lang="ts">
const {name, width, height, fill, style} = defineProps({
    name: String,
    width: {type: Number, default: 18},
    height: {type: Number, default: 18},
    fill: {type: String, default: "#333"},
    style: {type: Object, default: () => ({})},
});
</script>

<style scoped lang="less">
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>
